/*new service css*/

.servicenBox{
    color: #777;
    padding: 20px 15px 25px 30px;
    margin: 0 5px;
    border-radius: 0 0 50px 0;
    position: relative;
    z-index: 1;
}
.servicenBox:before,
.servicenBox:after{
    content: '';
    background: #fff;
    height: 100%;
    width: calc(100% - 19px);
    border-radius: inherit;
    position: absolute;
    right: 5px;
    top: 0;
    z-index: -1;
}
.servicenBox:after{
    background: linear-gradient(#1893E0,#1677E8);
    top: 15px;
    right: -10px;
    z-index: -2;
}
.servicenBox .servicen-icon{
    color: #fff;
    background: linear-gradient(#1893E0,#1677E8);
    font-size: 40px;
    text-align: center;
    line-height: 70px;
    height: 70px;
    width: 70px;
    margin: 0 0 20px -40px;
    border-radius: 15px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
} 
.servicenBox .title{
    color: #1677E8;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin: 0 0 7px;
}
.servicenBox .description{
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 23px;
    margin: 0;
}
.servicenBox.purple:after,
.servicenBox.purple .servicen-icon{
    background: linear-gradient(#865aed, #6A47DC);
}
.servicenBox.purple .title{ color: #6A47DC; }
.servicenBox.pink:after,
.servicenBox.pink .servicen-icon{
    background: linear-gradient(#fc55a0, #E42485);
}
.servicenBox.pink .title{ color: #E42485; }
.servicenBox.orange:after,
.servicenBox.orange .servicen-icon{
    background: linear-gradient(#EC722F, #E65811);
}
.servicenBox.orange .title{ color: #E65811; }
@media only screen and (max-width: 990px){
    .servicenBox{ margin: 0 5px 40px; }
}